<div class="tree-contain animate-time" [ngClass]="{'right-full':isActive, 'right-off':!isActive }">
    <!-- 树 BEGIN -->
        <tree #tree (tree)="table._table()" (nodeSelect)="table._table()"></tree>
    <!-- 树 END -->
</div>

<div class="has-tree right-product right-full animate-time mr-60" [ngClass]="{ 'right-full': isActive , 'right-off': !isActive }">
    <div class="list-contain center-back right-back">

        <app-breadcrumb [breadcrumbInfo]="{ 'secondLevel' : '开放平台管理', 'threeLevel' : '应用管理' }"></app-breadcrumb>
        
        <div class="container-fluid institution-container-fluid">

            <div class="info-center">
                <!-- 操作 BEGIN -->
                    <div class="button-group">
                        <button type="button" 
                                class="btn btn-default pull-left btn-md" 
                                data-toggle="modal" 
                                data-target="#newlyAdded" 
                                *ngIf="right['application']['create']"
                                [disabled]="app.isDisable"
                                (click)="initService._init(1);getInit()"
                                >
                            <span class="glyphicon glyphicon-plus"></span> 新增
                        </button>
                    
                        <button type="button" 
                                class="btn btn-default pull-left btn-md yellow" 
                                data-toggle="modal" 
                                data-target="#delete" 
                                data-target="#delete"
                                *ngIf="right['application']['batchDelete']"
                                [disabled]="removeTableService?._isEmpty()" 
                                >
                            <span class="glyphicon glyphicon-trash"></span> 批量删除
                        </button>

                        <form #retrievalForm="ngForm" *ngIf="right['application']['query']">

                            <div class="input-group pull-right search-width" >
                                <input type="text" 
                                    class="form-control search-input" 
                                    placeholder="请输入应用名称" 
                                    name="queryCriteria"
                                    (keydown.enter)="_retrieval(retrievalForm.value)"
                                    ngModel
                                    >
                                <span class="input-group-addon search-btn" (click)="_retrieval(retrievalForm.value)">
                                    <img src="assets/right-product/search.png"> 检索
                                </span>
                            </div>

                            <div class="pull-left col-md-5 col-sm-12 col-xs-12 date-input">
                                <div class="pull-right" class="form-group">
                                    <div class="col-sm-4 pull-right">
                                        <input type="text" 
                                            class="form-control time-input" 
                                            placeholder="结束时间"
                                            name="endCreateTime"
                                            maxlength="10"
                                            [bsConfig]="{ dateInputFormat: 'YYYY-MM-DD' }"
                                            #dp="bsDatepicker" 
                                            bsDatepicker
                                            ngModel
                                            >
                                    </div>
                                    <span class="pull-right" [ngStyle]="{ 'line-height': '34px' }">到</span>
                                    <div class="col-sm-4 pull-right">
                                        <input type="text" 
                                            class="form-control time-input" 
                                            placeholder="开始时间"
                                            name="startCreateTime" 
                                            maxlength="10"
                                            [bsConfig]="{ dateInputFormat: 'YYYY-MM-DD' }"
                                            #dp="bsDatepicker" 
                                            bsDatepicker 
                                            ngModel
                                            >
                                    </div>
                                    <span class="pull-right" [ngStyle]="{ 'line-height': '34px' }">创建时间：</span>                                    
                                </div>
                            </div>
                        
                        </form>
                    </div>
                <!-- 操作 END -->

                <!-- 表格 BEGIN -->
                    <application-table #table></application-table>
                <!-- 表格 END -->
            </div>

            <div class="info-bottom">
                <!-- 分页 BEGIN -->
                    <app-pagination [getTotalItems]="table.total"
                                    (isLoadTableFromPagination)="_pagination($event)"
                                    >
                    </app-pagination>
                <!-- 分页 END -->
            </div>
        </div>

    </div>
</div>

<!-- 新增 BEGIN -->
    <application-newly-added #add
                             [getKeySecret]="keySecret" 
                             (onSubmit)="table._table()"
                             >
    </application-newly-added>
<!-- 新增 END -->

<!-- 删除 BEGIN -->
    <application-delete (delete)="table._table()"></application-delete>
<!-- 删除 BEGIN -->